html,body{
    font-size: 12px;
}
@media screen and (min-width: 360px) {
    html,body,.ui-navbar li .ui-btn{
        font-size: 14px;
    }
}
@media screen and (min-width: 560px) {
    html,body,.ui-navbar li .ui-btn{
        font-size: 16px;
    }
}

@media screen and (min-width: 620px) {
    html,body,.ui-navbar li .ui-btn{
        font-size: 17px;
    }
}
@media screen and (min-width: 718px) {
    html,body,.ui-navbar li .ui-btn{
        font-size: 18px;
    }
}
@media screen and (min-width: 819px){
    html,body,.ui-navbar li .ui-btn{
        font-size: 19px;
    }
}
@media screen and (min-width: 959px) {
    html,body,.ui-navbar li .ui-btn{
        font-size: 20px;
    }
}
@media screen and (min-width: 979px){
    html,body,.ui-navbar li .ui-btn{
        font-size: 21px;
    }
}
@media screen and (min-width: 1079px) {
    html,body,.ui-navbar li .ui-btn{
        font-size: 22px;
    }
}
@media screen and (min-width: 1241px){
    html,body,.ui-navbar li .ui-btn{
        font-size: 24px;
    }
}

